/* 
    Document   : protostyle
    Created on : 2014-feb-09, 13:20:48
    Author     : Vismund Cygnus
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
body {
background-image: url(../bilder/wallpaper-457603.png);
}
#chatBodyDiv{
    position:absolute;
    top:10%;
    height:80%;
    width:80%;
    margin-left:10%;
    box-shadow: 1px;
}
#chatHeadDiv{
   border-radius: 0em;
    height:15%;
    background-image: url(../bilder/wallpaper-2446754.png);
    margin:5px;
    box-shadow:2px black;
}
#hashtagTable{
    position:relative;
    top:70%;
}
.hashtagBox{
   
    margin:2px;
    height:5px;
    width:10px;
    background-color:#6262b3;
    border-radius:2.5em;
}
#chatMainDiv{
    
    background-image: url(../bilder/wallpaper-95534.jpg); 
   
    
    height:70%;
    margin:5px;
    
}
#topRatedDiv{
    margin:2.5px;
    background-color: white;
}
#mainFeedDiv{
    
    background-image: url(../bilder/wallpaper-95534.jpg);
    
     
    overflow-y:auto;
    
    position: relative;
    top:2.5%;
    width:95%;
    height:95%;
    background-color:white;
    left: 2.5%;
}
.shortMessage{
    background-color:white;
    overflow-y:auto;
   box-shadow:2px 2px 1px #888888;
    border: 4px solid;
    border-radius: 5px;
    margin: 5px;
    padding-left:4px;
    float:left;
    font-size:14px;
    height:60px;
   font-family: sans-serif;
}
.messageUsernameDiv{
    height:10px;
    text-align: center;
    font-size:12px;
    margin-bottom:0%;
   
}
#chatFootDiv{
   
    height:10%;
    margin:5px;
    color:#a0a0a0;
    font-family: sans-serif;
    background-color:white;
    font-size:20px;
}
#input{
    font-size:24px;
    height:100%;
    width:100%;
    
}